<template>
  <div class="drawerTableItem">
    <div class="drawerTitle">
      <h5>{{ name }}</h5>
      <div class="tabs">
        <el-button v-for="(item, index) in tabsButtons" :key="index" plain size="mini" class="tabItem" @click.native="item.click()">
          <i v-if="!item.label" :class="item.icon" />
          {{ item.label }}
        </el-button>
      </div>
    </div>
    <div class="tabel">
      <slot name="tabel" />
    </div>
    <div class="editItemWrap">
      <slot name="editForm" />
    </div>
  </div>
</template>
<script>
export default {
  name: 'DrawerTableItem',
  props: {
    name: String,
    tabsButtons: {
      type: Array,
      require: false,
      default: () => [],
    },
  },
  data() {
    return {}
  },
}
</script>
<style scoped lang="scss"></style>
